.index_introducebox{ height: 100px;}
.index_introduce{ height: 200px; background: #fff; border-radius: 5px; position: absolute; width: 100%; top: -100px; z-index: 3;-moz-box-shadow:0px 1px 10px #CCCCCC; -webkit-box-shadow:0px 1px 10px #CCCCCC; box-shadow:0px 1px 10px #CCCCCC;}
.index_introduce ul{ padding: 0 62px; display: block; width: 100%; overflow: hidden; height: 200px;}
.index_introduce li{ float: left; width: 74px; height: 200px; overflow:hidden;}
.index_proitemwrap{ height: 200px; width: 730px;}
.index_introduce li.sel{ width: 725px;}
.index_introduce li .pic{ float: left; width: 200px; height: 200px; overflow: hidden; margin-right: 15px;}
.index_introduce li .box{ float: left; padding:20px; width: 470px; height: 160px; }
.index_introduce li .box .tit{ margin-bottom: 28px;}
.index_introduce li .box .tit b{ font-size: 17px; color: #111111; padding-bottom: 10px; border-bottom: solid 1px #d72525; margin-right: 5px; }
.index_introduce li .box .tit span{ font-size: 12px; color: #999;}
.index_introduce li .box .con{ height: 60px; overflow: hidden; line-height: 20px; color: #999;}
.index_introduce li .box .more{ display: block; color: #999; font-size: 12px; position:absolute; left: 20px; bottom: 20px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.index_introduce li .box .more:hover{color: #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.index_introduce .prev{ position: absolute; left: 20px; top: 50%; margin-top: -12px; height:24px; width: 14px; display: block; background: url(../images/icon/arrow01.png) no-repeat; z-index: 3;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; }
.index_introduce .next{ position: absolute; right: 20px; top: 50%; margin-top: -12px;height:24px; width: 24px; display: block; background: url(../images/icon/arrow02.png) no-repeat; z-index: 3;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; }
.index_introduce .prev:hover{background: url(../images/icon/arrow01-1.png) no-repeat;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.index_introduce .next:hover{background: url(../images/icon/arrow02-1.png) no-repeat;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}

.index_leftbox{ float: left; width: 890px;}
.index_rightbox{ width: 290px; float: right;}
.index_new{ background: #fff; padding: 10px;-moz-box-shadow:0px 0px 10px #CCCCCC; -webkit-box-shadow:0px 0px 10px #CCCCCC; box-shadow:0px 0px 10px #CCCCCC; border-radius: 5px; }
.index_title { overflow: hidden; margin-bottom: 10px;}
.index_title p{ float: left; height: 35px; padding-top: 5px;}
.index_title p b{ font-size: 17px; color: #111111; padding-bottom: 10px; border-bottom: solid 1px #d72525; margin-right: 5px; }
.index_title p span{ font-size: 12px; color: #999;}
.index_title .more{display: block; color: #999; font-size: 12px; position:absolute; right: 20px; top: 20px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.index_title .more:hover{color: #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}

.index_new .part{overflow: hidden;}
.index_new .part .adver{ float: left; width: 302px; height:314px; margin-right: 10px; overflow: hidden;}
.index_new .part .adver img{ display: block;width: 302px; height:314px;}

.index_new .part .list{ float: right; width: 558px; height: 305px; overflow: hidden; margin-top: 7px;}
.index_new .part .list li{background: #f4f4f4; padding: 13px 20px; overflow: hidden; margin-bottom: 10px; }
.index_new .part .list li .time{ float: left; width: 90px; text-align: center;}
.index_new .part .list li .time p{ font-size: 18px; color: #666;}
.index_new .part .list li .time span{ color: #999; font-size: 14px;}
.index_new .part .list li .box{ float: right; width: 400px; padding-left: 20px; border-left: solid 2px #ddd;}
.index_new .part .list li .tit{ font-size: 16px; color: #333; display: block; margin-bottom: 10px;overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; line-height: 20px; height: 20px;}
.index_new .part .list li .con{ color: #999; height: 40px; line-height: 20px; overflow: hidden;}
.index_product{background: #fff; padding: 10px;-moz-box-shadow:0px 0px 10px #CCCCCC; -webkit-box-shadow:0px 0px 10px #CCCCCC; box-shadow:0px 0px 10px #CCCCCC; border-radius: 5px; height: 362px;}
.index_product .slideBox .bd li .pic{ width: 270px; height: 282px; display: block; overflow: hidden; }
.index_product .slideBox .bd li .pic img{width: 270px; height: 282px; display: block;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.index_product .slideBox .bd li:hover img{transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; opacity: 0.8;}
.index_product .slideBox .bd li .tit{ display: block; text-align: center; font-size: 16px; height: 20px; line-height: 20px; overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; margin-top: 10px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.index_product .slideBox .bd li:hover .tit{color: #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}

.index_product .slideBox .prev{ position: absolute; left: 0px; top: 50%; margin-top: -30px; height:60px; width: 21px; display: block; background: url(../images/icon/arrow05.png) no-repeat; z-index: 3;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; }
.index_product .slideBox .next{ position: absolute; right: 0px; top: 50%; margin-top: -30px;height:60px; width: 21px;  display: block; background: url(../images/icon/arrow06.png) no-repeat; z-index: 3;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; }
.index_product .slideBox .prev:hover{background: url(../images/icon/arrow05-1.png) no-repeat;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.index_product .slideBox .next:hover{background: url(../images/icon/arrow06-1.png) no-repeat;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}

.miansearch .title{ color: #666; font-size: 20px; margin-bottom: 10px; height: 30px; }
.miansearch .title span{ border-bottom: solid 1px #d72525;padding-bottom: 5px;}
.miansearch .title b{ font-weight: normal; color: #d72525;}
.miansearch .list{ background: #fff; padding: 10px 65px; padding-bottom: 30px; margin-top: 10px;}
.miansearch .list a{ height: 50px; line-height: 50px; display: block; width: 400px; border-bottom: dashed 1px #ddd;overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; }
.miansearch .list a b{ color: #d72525; margin-right: 10px;}
.miansearch .list a:hover{color: #d72525;}

.comadver{ height: 474px; width: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.comadver img{ position: absolute; left: 50%; margin-left: -960px; top: 0px; width: 1920px; height: 474px; display: block;}

.cantainbox{ z-index:5; width: 100%; padding-top: 200px;}
.mainlocal{ overflow: hidden; height: 30px; line-height: 30px; margin-bottom: 35px;}
.mainlocal img{ float: left;}
.mainlocal p{ float: right; text-align: right; font-size: 16px;}
.mainlocal p a{ color: #000333;}
.mainlocal p a:hover{ color: #d72525;}
.mainlocal p span{ color: #d72525;}

.mainmenu a{ height: 40px; line-height: 40px; width: 130px; border-radius: 3px 3px 0 0; background: #fff; font-size: 16px; color: #d72525; display: inline-block; text-align: center;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.mainmenu a:hover,.mainmenu a.sel{ background: url(../images/icon/bg1.png) repeat-y; background-size: 100% auto; color: #fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}

.comdetail{ padding: 60px  60px 30px;}
.comdetail .title h5{ font-size: 30px; color: #111; text-align: center; margin-bottom:10px; height: 40px; line-height: 40px;}
.comdetail .title p{border-top: dashed 1px #ddd; height: 0px;  margin: 40px 0; text-align: center;}
.comdetail .title p span{ line-height: 20px; top: -10px; background: #fff; padding: 0 20px; color: #999;}
.comdetail article p{ color: #666; font-size: 16px; line-height: 26px; text-indent: 2em; margin-bottom: 15px;}
.comdetail article img{ max-width: 100%; margin: 10px 0;}

.detail_page{ overflow: hidden;}
.detail_page a{ width: 38%; height: 32px; line-height: 32px;}
.detail_page a.fr{ text-align: right; padding-right: 120px;}
.detail_page a span{ width: 100px; height: 30px; border: solid 1px #d72525; display: block; text-align: center; color: #d72525; border-radius: 3px;}
.detail_page a.fl{ text-align: left; padding-left: 120px;}
.detail_page a span:hover{ color:#fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; }
.detail_page a.fr span{ position: absolute; right: 0px; top: 0px; z-index: 2; background: url(../images/icon/arrow08-1.png) no-repeat 80px center #fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.detail_page a.fr span:hover{background: url(../images/icon/arrow08.png) no-repeat 80px center #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.detail_page a.fl span{ position: absolute; left: 0px; top: 0px; z-index: 2;background: url(../images/icon/arrow07-1.png) no-repeat 15px center #fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.detail_page a.fl span:hover{ position: absolute; left: 0px; top: 0px; z-index: 2;background: url(../images/icon/arrow07.png) no-repeat 15px center #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.detail_page a p{ overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; height: 32px;}
.detail_page a:hover p{ color: #d72525;}

.new_list{ padding:10px 30px 30px;}
.new_list li{ padding: 30px 115px 30px 265px; border-bottom: dashed 1px #ddd;height: 175px; background: url(../images/photos/pic08.jpg) no-repeat 1111px center;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.new_list li:hover{background: url(../images/photos/pic07.jpg) no-repeat 1111px center;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.new_list li .pic{ display: block; width: 234px; height: 175px; overflow: hidden; position: absolute; left: 0px; top: 30px;}
.new_list li .pic img{ display: block; width: 234px; height: 175px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.new_list li .pic:hover img{ opacity: 0.8;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.new_list li .tit{ font-size: 19px; color: #111; line-height: 25px; height: 25px; overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; margin-bottom: 15px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.new_list li .tit:hover{color:#d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.new_list li .con{ font-size: 16px; color: #666; line-height: 24px; height: 96px; overflow: hidden;}
.new_list li .time{ position: absolute; bottom: 30px; color: #999; left: 265px;}

.mainpage{ text-align: center; overflow: hidden;}
.mainpage a{ height: 30px; padding: 0 12px; border: solid 1px #d72525; border-radius: 3px; display: inline-block; vertical-align: top; line-height: 30px; color: #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;s}
.mainpage a span{display: inline-block; width: 40px; height: 30px;}
.mainpage a.a1{ float: left;}
.mainpage a.a2{ float: right;}
.mainpage a.a1 span{ background: url(../images/icon/arrow07-1.png) no-repeat center center #fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.mainpage a.a1:hover span{background: url(../images/icon/arrow07.png) no-repeat center center #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.mainpage a.a2 span{ background: url(../images/icon/arrow08-1.png) no-repeat center center #fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.mainpage a.a2:hover span{background: url(../images/icon/arrow08.png) no-repeat center center #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.mainpage a:hover,.mainpage a.sel{ background: #d72525; color: #fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}

.product_list{ padding: 30px; overflow: hidden;}
.product_list ul{ overflow: hidden; width: 1210px;}
.product_list li{width: 279px; float: left; margin-right: 10px; margin-bottom: 20px;}
.product_list li .pic{ width: 279px; height: 208px; display: block; overflow: hidden;}
.product_list li .pic img{ width: 279px; height: 208px; display: block;transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
.product_list li .pic i{ width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; background: url(../images/icon/icon07.png) no-repeat center center; display: none;}
.product_list li .pic:hover i{ display: block;}
.product_list li .pic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
.product_list li .tit{ display: block; height:30px; line-height: 30px; margin-top: 10px; overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;}
.product_list li .tit:hover{ color: #d72525;}


.recruit_list{ padding: 30px; overflow: hidden;}
.recruit_list ul{ width: 1230px; overflow: hidden;}
.recruit_list li{ width: 300px; height: 168px; overflow: hidden;padding: 0 29px; padding-top: 80px; float: left; border: solid 1px #ddd; margin-right: 30px; margin-bottom: 30px; }
.recruit_list li .tit{ background: #f5f5f5; height: 50px; line-height: 50px; padding: 0 20px 0 30px; width: 310px; position: absolute; top: -1px; left: -1px; transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.recruit_list li .tit b{ font-size: 17px; color: #111;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.recruit_list li .tit span{ font-size: 12px; color: #111; margin-left: 10px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.recruit_list li .tit a{ background: url(../images/icon/icon08.png) no-repeat; width: 12px; height: 12px; position: absolute; right: 20px; top: 18px; z-index: 2;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.recruit_list li .tit:hover a{background: url(../images/icon/icon09.png) no-repeat;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.recruit_list li .tit:hover{ background: #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.recruit_list li .tit:hover b{color: #fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.recruit_list li .tit:hover span{color: #fff;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.recruit_list li h5{ color: #333; margin-bottom: 10px; font-size: 14px;}
.recruit_list li p{ color: #999; margin-bottom: 10px;}


.employee_list{ padding: 70px 35px 0;background: url(../images/icon/bg4.png) repeat-y center 0 #fff;}
.employee_list ul{ background: url(../images/icon/icon10.png) repeat-y center 0px; padding: 30px 0;}
.employee_list li { height: 170px; }
.employee_list li .box{width: 533px; height: 170px;}
.employee_list li .box .pic{ width: 531px; height: 245px; display: block; position: absolute; bottom: 0px; left: 0px; border: solid 1px #ddd;}
.employee_list li .box .pic img{width: 531px; height: 245px; display: block; }
.employee_list li .box .tit{ position: absolute; bottom: 0px; left: 0px; width: 87%; padding: 15px 10% 15px 3%; background: url(../images/darkbg.png) repeat; color: #fff; z-index: 2;}
.employee_list li .box .tit i{ background: url(../images/icon/arrow11.png) no-repeat; width: 37px; height: 37px; margin-top: -18px; top: 50%; position: absolute; right: 30px; display: block; z-index: 3;}
.employee_list li .box .tit p{ font-size: 18px;  overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; height: 20px; margin-bottom: 5px;}
.employee_list li .box .tit span{ font-size: 14px;  overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis; height: 20px; line-height: 20px;}
.employee_list li .box:hover .tit{background: url(../images/icon/bg3.png) repeat;}
.employee_list li .box:hover .pic{ border: solid 1px #d72525;}
.employee_list li .fr em{ background: url(../images/icon/arrow09.png) no-repeat; width: 10px; height: 14px; display: block; position: absolute; left: -10px;bottom: 30px; z-index: 2;}
.employee_list li .fr:hover em{ background: url(../images/icon/arrow09-1.png) no-repeat; }
.employee_list li .fl em{ background: url(../images/icon/arrow10.png) no-repeat; width: 10px; height: 14px; display: block; position: absolute; right: -10px;bottom: 30px; z-index: 2;}
.employee_list li .fl:hover em{ background: url(../images/icon/arrow10-1.png) no-repeat; }

.callmebox { padding: 60px 35px 30px;}
.callmebox .list{ overflow: hidden; padding-top: 20px;}
.callmebox .list li{ float: left; width: 33.3%; text-align: center;}
.callmebox .list li b{ display: block; font-size: 17px; color: #111; margin-top: 15px; margin-bottom: 15px;}
.callmebox .list li p{ color: #666; font-size: 16px; line-height: 24px;}
.callmebox .map{ border: solid 1px #ddd;}
.callmebox .map img{ display: block; width: 100%;}
.callmebox .list li:hover img{-webkit-transition: all 0.4s ease-in-out 0.01s;
    -moz-transition: all 0.4s ease-in-out 0.01s;
    -o-transition: all 0.4s ease-in-out 0.01s;
    -ms-transition: all 0.4s ease-in-out 0.01s;
    transition: all 0.4s ease-in-out 0.01s;
		animation:build_more 2s ease-in-out 0.1s infinite;
		-webkit-animation:build_more 2s ease-in-out 0.1s infinite;
		
}
@keyframes build_more {

	0% {top:0px;}

	50% {top:-15px;}

	100% {top:0px;}
}

@-webkit-keyframes build_more {

	0% {top:0px;}

	50% {top:-15px;}

	100% {top:0px;}
}

.callmebox .form .row{ overflow:hidden; padding: 10px 0;}
.callmebox .form .row .text{ width: 510px; padding: 0 20px; height: 45px; line-height: 45px; font-size: 16px; background: #f5f5f5; }
.callmebox .form .row textarea{ height: 180px;padding: 10px 2%; border: none; width:96%; background: #f5f5f5; }
.callmebox .form .row01{ text-align: center; margin-top: 20px;}
.callmebox .form .row01 .text{ width: 120px;}
.callmebox .form .row01 .yzm{ vertical-align: middle; display: inline-block; margin: 0 40px 0 10px;}
.callmebox .form .row01 .yzm img{ width: 135px; height: 45px;}
.callmebox .form .row01 .yzm i{ position: absolute; display: block; width: 20px; height: 16px; top: -10px; right: -10px; background: url(../images/icon/icon14.png) no-repeat;}
.callmebox .form .subm{ width: 140px; height: 45px; border-radius: 3px; background: #d72525; color: #fff; border: none; font-size: 18px; cursor: pointer; margin-right: 30px;}
.callmebox .form .subm:hover{ opacity: 0.8;}
.callmebox .form .reset{ width: 140px; height: 45px; border-radius: 3px; background: #f5f5f5; color: #666; border: none; font-size: 18px; cursor: pointer;}
.callmebox .form .reset:hover{ opacity: 0.8;}

.errorbox { padding: 190px 0 100px;}
.errorbox img{ display: block; margin: 0 auto 40px;}
.errorbox p{ text-align: center;}
.errorbox p.p1{ color: #393939; font-size: 16px; margin-bottom: 10px;}
.errorbox p.p2{ color: #999; font-size: 12px;}
.errorbox p.p2 span,.errorbox p.p2 a{color: #393939;}
.errorbox p.p2 a{ text-decoration: underline;}
.errorbox p.p2 a:hover{ color: #d72525;}
.errorbox p.p3{ font-size: 22px; color: #d72525; margin-bottom: 50px;}